<template>
	<view>
		<button type="default" @click="toast">toast </button>
		<button type="default" @click="loading">loading </button>
		<button type="default" @click="modole">modole </button>
		<navigator  open-type="navigateBack" delta="1">返回</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			modole(){
				uni.setNavigationBarTitle({
					title: '新的标题'
				});
				// 和elementui里边的messagebox.comfirm
				uni.showModal({
					title: '提示',
					content: '这是一个模态弹窗',
					// editable:true,
					// 不显示取消按钮
					showCancel:false,
					confirmText:"确定删除",
					confirmColor:'#ff0000',
					success: function (res) {
						console.log(res)
						if (res.confirm) {
							console.log('用户点击确定');
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			loading(){
				// 无法自己关闭,需要手动关闭
				// 不影响后变程序的进行,
				uni.showLoading({
					title:'正在登陆'					
				})
				console.log('我在运行')
				setTimeout(()=> {
					// 模拟人为的手动关闭
					uni.hideLoading()
				}, 2000);
			},			
			toast(){
				// 会自己隐藏,title 对多7个,error,fail 和微信小程序一样,只能是√
				// 只能是相对路径,绝对路径不行,网络图片也不可以
				//duration  显示的时长
				uni.showToast({
					title:"提示信息",
					icon:"none",
					duration:5000,
					image:'../../static/icon/home-active.png'
				})
				// 立刻关闭提示,手动关闭显示框
				uni.hideToast()				
			}
		}
	}
</script>

<style>

</style>
